.loginWrapper {
  width: 100%;
  height: 100%;
  background: url("../../assets/images/login.png") no-repeat center center;
  background-size: 100% 100%;
  padding: 1px;
  box-sizing: border-box;
  font-size: 24px;
  .loginLogo {
    width: 300px;
    height: 80px;
    margin: 360px auto 145px;
    background: url("../../assets/images/login_logo.png") no-repeat center
      center;
    background-size: contain;
  }
  .loginForm {
    display: flex;
    flex-direction: column;
    width: 535px;
    margin: 0 auto;
    input {
      width: 100%;
      height: 80px;
      color: #fff;
      border: none;
      outline: none;
      border-radius: 10px;
      line-height: 80px;
      font-weight: normal;
      color: #fff;
      font-size: 26px;
      padding-left: 90px;
      box-sizing: border-box;
      &:not(:first-child) {
        margin-top: 40px;
      }
      &::-webkit-input-placeholder {
        color: #fff;
      }
      &:first-child {
        background: #014360 url("../../assets/images/account.png") 40px center
          no-repeat;
        background-size: 32px 32px;
      }
      &:nth-child(2) {
        background: #014360 url("../../assets/images/password.png") 40px center
          no-repeat;
        background-size: 32px 32px;
      }
    }
    button {
      background: linear-gradient(to right, #0971ec, #52cefc);
      width: 100%;
      height: 80px;
      border-radius: 10px;
      color: #fff;
      border: none;
      outline: none;
      margin-top: 50px;
      font-size: 26px;
    }
    .forget {
      color: #fff;
      text-decoration: none;
      width: 100%;
      text-align: center;
      margin-top: 30px;
      font-size:22px;
    }
  }
}
